<template>
	<view>
		<view class="picture">
			<image src="/static/istockphoto-519170655-1024x1024.png" mode=""></image>
		</view>
		<view class="content">
			<view class="title">
				中途石油加油站
			</view>
			<view class="time">
				营业时间：周一至周五 09:00-22:00
				<image src="/static/phone.png" mode=""></image>
			</view>
			<navigator url="/pages/refuelNearby/navigateNow/navigateNow" class="localtation">
				山阳区人民中路32号
				<image src="/static/daohang.png" mode=""></image>
			</navigator>
		</view>
		<view class="pricetitle">
			<text>油价详情</text>
			<view class="price">
				<text>92#</text>
				<text>5.85/L</text>
			</view>
			<view class="price">
				<text>95#</text>
				<text>5.85/L</text>
			</view>
			<view class="price">
				<text>98#</text>
				<text>5.85/L</text>
			</view>
			<view class="price2">
				<text>0#</text>
				<text>5.85/L</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.pricetitle>text:nth-child(1){
	font-weight: bold;
	margin-left: 20rpx;

}
.picture>image{
	left: 3px;
	
	width: 368px;
	height: 227px;
	background-color: rgba(229,229,229,1);
}
.title{
	left: 11px;
	top: 307px;
	width: 155px;
	height: 23px;
	line-height: 23px;
	color: rgba(16,16,16,1);
	font-size: 16px;
	text-align: left;
	font-family: PingFangSC-medium;
	margin-left: 20rpx;
	font-weight: bold;
}
.time{
	margin-top: 10rpx;
	margin-left: 20rpx;
	font-weight: bold;
}
.time>image{
	margin-left: 220rpx;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	
}
.localtation{
	border-bottom:5rpx solid #EFEFF5;
margin-left: 20rpx;
font-weight: bold;
margin-top: 10rpx;
padding-bottom: 30rpx;
}
.localtation>image{
	margin-left: 50rpx;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	
}
.price{
	border-bottom:5rpx solid #EDEDED;
	margin-top: 30rpx;
	
}
.price>text:nth-child(1){
	margin-left: 180rpx;
	
}
.price>text:nth-child(2){
	margin-left: 180rpx;
	
}
.price2{
	margin-left: 197rpx;
	margin-top: 30rpx;
}
.price2>text:nth-child(2){
	margin-left: 180rpx;
	
}
</style>
